import { PropsWithChildren } from "react";
import { useLocation, useParams } from "react-router-dom";

interface IProps extends PropsWithChildren {
  className?: string;
}

export default function Detail(props: IProps) {
  const { children } = props;
  const loc = useLocation();
  const params = useParams();
  console.log(params);
  console.log(loc);

  return (
    <div className="flex flex-col font-bold py-8 px-4">
      <div>Detail: {params?.id}</div>
      {children}
    </div>
  );
}
